$(".content .title li").on("click", function () {
    $(this).addClass("bottom").siblings("li").removeClass("bottom")
})
$(".playNew").on("click", function () {
    $(".play-new").show().siblings("div").hide()
})
$(".playHot").on("click", function () {
    $(".play-hot").show().siblings("div").hide()
})

// 点击切换
$(".play-new .nav2 li").on("click", function () {
    $(this).addClass("bottom2").siblings().removeClass("bottom2")
})
$(".all").on("click", function () {
    $(".all1").show().siblings("div").hide()
})
$(".proposer").on("click", function () {
    $(".proposer1").show().siblings("div").hide()
})
$(".try").on("click", function () {
    $(".try1").show().siblings("div").hide()
})
$(".end").on("click", function () {
    $(".end1").show().siblings("div").hide()
})
// 全部
$.ajax({
    url: "http://127.0.0.1:3000/useing/public",
    type: "get",
    success: function (res) {
        // console.log(res[0]);
        for (var i = 0; i < res.length;i++){
            $(".commidity .all1 ul").append(`
            <li>
                <a href="../use/use-play.html">
                <img src=${res[i].img} alt="">
                <h4>${res[i].text}</h4>
                <span>2032</span>
                <span>${res[i].num}台</span>
                <p><b>${res[i].endTime}</b>申请</p>
                <p class="end">${res[i].totalnum}</p>
                <div class="first">首发</div>
                </a>
            </li>
            `)
        }
    }
})
// 申请中
$.ajax({
    url: "http://127.0.0.1:3000/useing/master",
    type: "get",
    success: function (res) {
        // console.log(res[0]);
        for (var i = 0; i < res.length;i++){
            $(".commidity .proposer1 ul").append(`
            <li>
                <a href="../use/use-play.html">
                <img src=${res[i].img} alt="">
                <h4>${res[i].text}</h4>
                <span>2032</span>
                <span>${res[i].num}台</span>
                <p><b>${res[i].endTime}</b>申请</p>
                <p class="end">${res[i].totalnum}</p>
                <div class="first">首发</div>
                </a>
            </li>
            `)
        }
    }
})
// 试用中
$.ajax({
    url: "http://127.0.0.1:3000/useing/public",
    type: "get",
    success: function (res) {
        // console.log(res[0]);
        for (var i = 0; i < res.length;i++){
            $(".commidity .try1 ul").append(`
            <li>
            <a href="../use/use-play.html">
                <img src=${res[i].img} alt="">
                <h4>${res[i].text}</h4>
                <span>2032</span>
                <span>${res[i].num}台</span>
                <p><b>${res[i].endTime}</b>申请</p>
                <p class="end">${res[i].totalnum}</p>
                <div class="first">首发</div>
            </a>
            </li>
            `)
        }
    }
})
// 已结束
$.ajax({
    url: "http://127.0.0.1:3000/useing/master",
    type: "get",
    success: function (res) {
        // console.log(res[0]);
        for (var i = 0; i < res.length;i++){
            $(".commidity .end1 ul").append(`
            <li>
            <a href="../use/use-play.html">
                <img src=${res[i].img} alt="">
                <h4>${res[i].text}</h4>
                <span>2032</span>
                <span>${res[i].num}台</span>
                <p><b>${res[i].endTime}</b>申请</p>
                <p class="end">${res[i].totalnum}</p>
                <div class="first">首发</div>
            </a>
            </li>
            `)
        }
    }
})
// 体验师专享
$.ajax({
    url: "http://127.0.0.1:3000/useing/master",
    type: "get",
    success: function (res) {
        // console.log(res[0]);
        for (var i = 0; i < res.length;i++){
            $(".play-hot ul").append(`
            <li>
            <a href="../use/use-play.html">
                <img src=${res[i].img} alt="">
                <h4>${res[i].text}</h4>
                <span>2032</span>
                <span>${res[i].num}台</span>
                <p><b>${res[i].endTime}</b>申请</p>
                <p class="end">报告数量${res[i].totalnum}</p>
                <div class="vip">体验师专享</div>
            </a>
            </li>
            `)
        }
    }
})